<template>
    <div class="main">
        <div class="title">学业安排
            <div class="line"></div>
        </div>
        <!-- <div class="news_items" v-for="(item,index) in items" :key="index">
            <news-item :itemData="item"></news-item>
        </div> -->
        <div class="thislabel">
             四年大学怎么上   “大学导航”来帮忙
        </div>
           
       <el-table style="font-size:20px" :data="gridData" border>
            <el-table-column property="ordernumber"  label="序号" width="150"></el-table-column>
            <el-table-column property="matters" label="学业事宜" width="200"></el-table-column>
            <el-table-column property="year" label="完成学年、学期"></el-table-column>
            <el-table-column property="way" label="帮助方式"></el-table-column>
        </el-table>
    </div>
    
</template>
<script>
import NewsItem from '../../components/NewsItem.vue'
export default {
    components: {
        NewsItem
    },
    data(){
        return{
             gridData:[{
            ordernumber: '1',
            matters: '入党申请',
            year: '新生入党后第一学期',
            way: '辅导员'
            }, {
            ordernumber: '2',
            matters: '专业认知+转专业政策条件',
            year: '新生入党后第一学期',
            way: '院系专业教育+辅导员'
            }, {
            ordernumber: '3',
            matters: '奖、助学金政策、条件、要求',
            year: '第二、三、四学年（至少获一次一等奖、一次二等奖）',
            way: '自己努力+辅导员'
            }, {
            ordernumber: '4',
            matters: '热门选修课抢选',
            year: '相关学期',
            way: '登录教务系统'
            }, {
            ordernumber: '5',
            matters: '文体社团活动',
            year: '相关学期',
            way: '辅导员+学生会+团总支'
            }, {
            ordernumber: '6',
            matters: '相关技能等级证书',
            year: '相关学年、相关学期',
            way: '院系+专业老师'
            }, {
            ordernumber: '7',
            matters: '相关职业资格证书',
            year: '相关学年、相关学期',
            way: '院系+专业老师'
            }, {
            ordernumber: '8',
            matters: '大学英语四级考试',
            year: '第一学年第二学期',
            way: '英语老师+学哥学姐'
            }, {
            ordernumber: '9',
            matters: '大学英语六级考试',
            year: '第二学年第二学期',
            way: '英语老师+学哥学姐'
            }, {
            ordernumber: '10',
            matters: '国内社会实践，国（境）外换学、游学',
            year: '相关学年、相关学期、假期',
            way: '院系+辅导员'
            }, {
            ordernumber: '11',
            matters: '国内研究生招生政策、报名要求、考试课程等',
            year: '第二学年第二学期',
            way: '院系+专业老师+学哥学姐'
            }, {
            ordernumber: '12',
            matters: '国内研究生保送政策、条件',
            year: '新第二学年第二学期',
            way: '院系+专业老师+学哥学姐'
            }, {
            ordernumber: '13',
            matters: '国（境）外留学政策、申请条件、备考要求等',
            year: '第二学年第二学期',
            way: '自己+学哥学姐+中介机构'
            }, {
            ordernumber: '14',
            matters: '国外研究生保送政策、条件',
            year: '第二学年第二学期',
            way: '自己+学哥学姐+中介机构'
            }, {
            ordernumber: '15',
            matters: '国内研究生考试课程学习、报名、考试',
            year: '第三学年---第四学年第一学期',
            way: '自己+学哥学姐'
            }, {
            ordernumber: '16',
            matters: '国（境）外留学雅思或托福学习、考试，选校、申请',
            year: '第三学年---第四学年第一学期',
            way: '自己+学哥学姐+中介机构'
            }, {
            ordernumber: '17',
            matters: '国内研究生复试',
            year: '第四学年第二学期',
            way: '所报高校导师'
            }, {
            ordernumber: '18',
            matters: '国（境）外留学签证',
            year: '第四学年第二学期',
            way: '大使（领事）馆'
            }, {
            ordernumber: '19',
            matters: '毕业设计、毕业论文、毕业答辩',
            year: '第四学年第二学期',
            way: '指导老师'
            }, {
            ordernumber: '20',
            matters: '坚决不能挂科',
            year: '每一学期',
            way: '自己努力+老师指导'
        }]
        }
    },
   
}
</script>
<style scoped>
.main{
    width: 100%;
    
}
.title{
    text-align: left;
    width: 100%;
    height: 62px;
    font-size: 24px;
    font-family: Noto Sans SC;
    font-weight: 700;
    text-align: left;
    color: #333333;
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}
.line{
    position: absolute;
    bottom: 0px;
    width: 1025px;
    height: 2px;
    background-color:rgba(51,170,255,.4) ;
}
/* .news_items{
    width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.imagination{
    width: 969px;
    height: 1082px;
    margin-left: 30px;
} */
.thislabel{
    height: 50px;
    font-size: 20px;
    margin-top:20px ;
}
</style>